<template>
  <div id="app">
    <search class="app_search" />
    <list />
    <statistic class="statistic" />
  </div>
</template>

<script>
import list from "./components/list.vue";
import search from "./components/search.vue";
import statistic from "./components/statistic.vue";

export default {
  name: "App",
  data() {
    return {};
  },
  components: {
    list,
    search,
    statistic,
  },
};
</script>

<style>
#app {
  position: relative;
  width: 610px;
  border: 2px solid rgb(201, 201, 201);
  padding: 8px;
  margin: 20px auto;
}
.app_search {
  position: absolute;
  top: 5px;
  z-index: 999;
}
</style>
